@extends('home/mainlayout')
@section('content')
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=11,IE=10,IE=9,IE=8">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <title>成功邀请</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/theme.css">
    {{--<link rel="stylesheet" href="/css/newcore.min.css?v=1.85">--}}
    <link href="/js/plugins/layer/skin/layer.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="/css/pages/usercenter.min.css?v=1.85"/>
    <script src="js/template.js"></script>
    <style>
        .table tbody tr:hover{
            color:#000;
        }
    </style>
    <script>
        {{--$(function(){--}}

            {{--$('#zxj1').click(function(){--}}

                    {{--var name = $('input[type=text]').val();--}}

                    {{--$.ajax({--}}
                        {{--type:'post',--}}
                        {{--url:'{{url('home/ajax')}}',--}}
                        {{--data:{'keyword':name},--}}
                        {{--dataType:'json',--}}
                        {{--success:function(res){--}}
                            {{--var html = template('zxj',res);--}}
                            {{--console.log(res);--}}
                            {{--//$('#flow-box').html(html);--}}
                            {{--//关闭所有层--}}
                            {{--//layer.closeAll();--}}
                            {{--if(res.status==1){--}}
                                {{--layer.msg(res.msg, {icon: 6});--}}
                                {{--setTimeout("location.reload()",2000);--}}
                                {{--//setTimeout("location.href='index.php?c=user&a=login'",2000);--}}
                            {{--}else{--}}
                                {{--layer.msg(res.msg, {icon: 5});--}}

                            {{--}--}}
                        {{--}--}}
                    {{--});--}}
            {{--});--}}

            {{--$('#zxj2').click(function(){--}}
                {{--layer.msg('zxj2')--}}
            {{--});--}}

        {{--});--}}
    </script>

</head>

<body>
<div id="biaoti">推广中心</div>
<div class="main">
    <ul class="nav nav-tabs " role="tablist">
        <li class=""><a href="/invite">邀请链接</a></li>
        <li class="active"><a href="/invited">成功邀请</a></li>
        <li class=""><a href="invitejl">邀请奖励</a></li>
        <li class=""><a href="/tgorder">推广排行榜</a></li>
        <li class=""><a href="/group/">组团</a></li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active">
            <div>
                <div class="form-horizontal" style="margin-top: 20px;">
                    <div class="form-group" style="margin-left: 0;width: 100%;">
                        <label>用户名：</label>
                        <input type="text" id="userName" class="form-control w200" placeholder="请输入要查询的用户名" value="" name="keyword"/>
                    </div>

                    <div class="form-group" style="margin-left: 0;width: 100%;">
                        <a href="javascript:;" name='1' dataurl="/invited?type=only" id="queryInviteUserName" class="btn btn-primary">查询</a>
                        <a href="javascript:;" id="showAll" dataurl="/invited?type=all" class="btn btn-default">显示全部</a>
                    </div>
                    {{--<div class="form-group" style="margin-left: 0;width: 100%;">--}}
                        {{--<input id='zxj1' type="button" value="ajax查询" href="javascript:;" name='1' dataurl="/invited" id="queryInviteUserName" class="btn btn-primary">--}}
                        {{--<input id='zxj2' type="button" value="ajax显示全部" href="javascript:;" id="showAll" dataurl="/invited?type=all" class="btn btn-default">--}}
                    {{--</div>--}}
                </div>
            </div>
            <table class="table table-hover">
                <colgroup>
                    <col/>
                    <col style="width: 200px;"/>
                </colgroup>
                <thead>
                <tr>
                    <th>用户名</th>
                    <th>推荐时间</th>
                </tr>
                </thead>
                <tbody>
                @if(empty($res['data']))
                <tr>
                    <td colspan="2" style="text-align: center">
                        暂无数据
                    </td>
                </tr>
                @else
                <!--有数据的格式-->
                @foreach($res['data'] as $k=>$v)
                <tr>
                    <td>
                         {{$v['mobile']}}
                    </td>
                    <td>
                         {{$v['created_at']}}
                    </td>
                </tr>
                @endforeach
                @endif
                </tbody>
                <tfoot>

                </tfoot>
            </table>
            @if(!empty($res['data']))
            <div class="pager">
                <nav>
                    <ul class="pagination">
                        {{--<li class="disabled">--}}
                            {{--<a href="javascript:;" aria-label="Previous">--}}
                                {{--<span aria-hidden="true">&laquo;</span>--}}
                            {{--</a>--}}
                        {{--</li>--}}
                        @foreach($res['pageNoList'] as $v)
                        <li @if($res['current_page']==$v) class="active" @endif><a href="/invited?page={{$v}} @if(isset($_GET['type']))&type={{$_GET['type']}}@endif @if(isset($_GET['keyword']))&keyword={{$_GET['keyword']}}@endif ">{{$v}}</a></li>
                        @endforeach
                        {{--<li class="disabled">--}}
                            {{--<a href="javascript:;" aria-label="Next">--}}
                                {{--<span aria-hidden="true">&raquo;</span>--}}
                            {{--</a>--}}
                        {{--</li>--}}

                    </ul>
                </nav>
            </div>
            @endif
        </div>
    </div>
</div>


{{--<script type="text/html" id="zxj">--}}
        {{--@{{each rows value}}--}}
        {{--<tr>--}}
        {{--<td>--}}

        {{--</td>--}}
        {{--<td>--}}

        {{--</td>--}}
        {{--</tr>--}}
        {{--@{{/each}}--}}
{{--</script>--}}
</body>
</html>
<script>
   $('.form-group a').on('click',function () {
          var url = $(this).attr('dataurl');
          var kword = $("#userName").val();
          if(url.indexOf('all')<0){
              if(kword ==''){
                  layer.msg('请输入查询用户名！',{
                      time:2000  //2毫秒
                  });
                  return
              }else{
                  if(!(/^1[34578]\d{9}$/.test(kword))){
                  layer.msg('请输入有效用户名！',{
                      time:2000  //2毫秒
                  });
                  return false;
              }
              }

          }
          if(url.indexOf('?')!=-1){
             url = url+"&keyword="+kword
          }else{
             url = url+"?keyword="+kword
          }
          window.location.href = url;
   })
</script>
@endsection